@media screen and (min-width:1061px) {
    .mainPage {
        width: 1600px
    }
    .right-header .flat-menu ul li {
        width: 18%
    }
    .right-header .flat-menu ul li a {
        padding: 10px 0 10px 10px
    }
}
@media screen and (min-width:1367px) and (max-width:1600px) {
    .mainPage {
        width: 100%
    }
    .right-header .flat-menu ul li {
        width: 18%
    }
    .right-header .flat-menu ul li a {
        padding: 10px 0 10px 10px
    }
}
@media screen and (min-width:1281px) and (max-width:1366px) {
    .mainPage {
        width: 100%
    }
    .right-header .flat-menu ul li {
        width: 19%
    }
    .right-header .flat-menu ul li a {
        padding: 10px 0 10px 10px
    }
    .right-w-70 {
        padding-bottom: .8em
    }
}
@media screen and (min-width:1025px) and (max-width:1280px) {
    .mainPage {
        width: 100%
    }
    .right-header .flat-menu {
        margin-top: 16px
    }
    .right-header .flat-menu ul li {
        width: 19%
    }
    .right-header .flat-menu ul li a {
        padding: 8px 0 8px 8px
    }
    .right-header .social-icon ul {
        margin-left: 4%
    }
    .item .box .box-item .product-name a, .right-item .right-item-detail .right-item-name a {
        font-size: .9375em;
        color: #333
    }
    .footer .footer-left {
        width: 34.5%
    }
    .flat-menu .logo_mobile {
        left: -38%
    }
}
@media screen and (min-width:961px) and (max-width:1024px) {
    .mainPage {
        width: 100%
    }
    .clear_2, .clear_4 {
        display: none;
    }
    .clear_3 {
        display: block
    }
    .right-header .flat-menu {
        margin-top: 16px
    }
    .right-header .flat-menu ul li {
        width: 19%
    }
    .right-header .flat-menu ul li a {
        padding: 8px 6px
    }
    .right-header .social-icon ul {
        margin-left: 2%
    }
    .right-item .right-title {
        font-size: .9375em
    }
    .item .box .box-item .product-name a, .right-item .right-item-detail .right-item-name a {
        font-size: .875em;
        color: #333
    }
    .item {
        width: 33.3%
    }
    .right-w-70 {
        padding-bottom: .5em
    }
    .right-item .right-item-detail {
        padding: 1em .5em
    }
    .flat-menu .logo_mobile {
        left: -38%
    }
}
@media screen and (min-width:801px) and (max-width:960px) {
    .clear_3, .clear_4 {
        display: none
    }
    .clear_2 {
        display: block
    }
    .header {
        height: 118px
    }
    .left-w-78 {
        width: 73%
    }
    .right-w-22 {
        width: 27%
    }
    .item {
        float: left;
        width: 50%
    }
    .clear-960 {
        clear: both;
        height: 1px;
        margin-top: -1px
    }
    .left-w-40 {
        width: 19%
    }
    .right-w-60 {
        width: 80%
    }
    .search {
        display: none
    }
    .right-header .flat-menu ul li {
        width: 17%
    }
    .mid-content .left-menu {
        display: none
    }
    .mid-content {
        margin-left: 0
    }
    .mid-content .slier-content {
        padding-left: 0
    }
    .center-content {
        margin-top: 1em
    }
    .right-w-30 {
        width: 45%
    }
    .left-w-70 {
        width: 55%
    }
    .small-nav {
        display: none
    }
    .small-nav-960 {
        display: block;
        float: right;
        margin-left: 0
    }
    .left-header .img-logo {
        margin-left: 10%
    }
    .right-item .right-item-detail {
        padding: 1em 0
    }
    .support-online>.smart_nav {
        display: block
    }
    .left-w-30 {
        display: none
    }
    .right-w-70 {
        width: 100%
    }
    .footer .footer-list, .info {
        margin-top: .5em
    }
    .footer .footer-list li, .info li {
        padding: 3px
    }
    .right-header .flat-menu {
        margin-top: 16px
    }
    .flat-menu .logo_mobile {
        left: 0;
        top: -45px
    }
}
@media screen and (min-width:601px) and (max-width:800px) {
    .clear_3, .clear_4 {
        display: none
    }
    .clear_2 {
        display: block
    }
    .support-online>.smart_nav {
        display: none
    }
    .left-header .img-logo {
        display: none
    }
    .left-w-40 {
        width: 2%
    }
    .right-w-60 {
        width: 98%
    }
    .left-w-78 {
        width: 100%
    }
    .right-w-22 {
        display: none
    }
    .item {
        width: 50%
    }
    .product-list {
        margin-left: 0
    }
    .slier-content {
        display: none
    }
    .right-header .right-w-30 {
        width: 30%
    }
    .right-header .left-w-70 {
        width: 66%
    }
    .top-carousel {
        display: block
    }
    .top-carousel {
        padding: 3px .625em 1.5em
    }
    .support-online .support-list li.phone {
        display: none
    }
    .support-online .support-list li {
        width: 44%
    }
    .header {
        height: 94px
    }
    .mid-content .left-menu {
        display: none
    }
    .mid-content {
        margin-left: 0
    }
    .right-header .flat-menu {
        margin-top: 6px
    }
    .right-header .right-w-30 {
        width: 34%
    }
    .right-header .flat-menu ul li {
        width: 19%
    }
    .right-header .flat-menu ul li a {
        padding: 6px
    }
    .right-header .social-icon ul li {
        width: 17%
    }
    .right-header .social-icon ul li a {
        width: 24px;
        height: 24px;
    }
    .small-nav {
        display: none
    }
    .small-nav-960 {
        display: block;
        float: right;
        margin-left: 0;
        margin-top: 0
    }
    .center-content {
        margin-top: 0;
        padding: 1em
    }
    .center-content .product-header {
        padding-left: 1em
    }
    .wrapper-sticky {
        display: none
    }
    .footer .footer-right {
        width: 99%
    }
    .footer .footer-left {
        display: none
    }
    .footer .footer-list, .info {
        margin-top: .5em
    }
    .flat-menu .m_menu_icon {
        width: 5% !important;
        display: block !important
    }
    .flat-menu .logo_mobile {
        left: 0;
        top: -32px
    }
    .search {
        display: none
    }
    .c-sub,.c-parent{
        margin:0 1em ;
    }
}
@media screen and (min-width:541px) and (max-width:600px) {
    .clear_3, .clear_4 {
        display: none
    }
    .clear_2 {
        display: block
    }
    .support-online > .smart_nav {
        display: none
    }
    .left-header .img-logo {
        display: none
    }
    .left-w-40 {
        width: 2%
    }
    .right-w-60 {
        width: 98%
    }
    .left-w-78 {
        width: 100%
    }
    .right-w-22 {
        display: none
    }
    .item {
        width: 50%
    }
    .product-list {
        margin-left: 0
    }
    .slier-content {
        display: none
    }
    .right-header .right-w-30 {
        display: none
    }
    .right-header .left-w-70 {
        display: none
    }
    .top-carousel {
        display: block
    }
    .top-carousel {
        padding: 3px .625em 1em
    }
    .support-online .support-list li.phone {
        display: none
    }
    .support-online .support-list li {
        width: 44%
    }
    .header {
        height: 50px
    }
    .mid-content .left-menu {
        display: none
    }
    .mid-content {
        margin-left: 0
    }
    .right-header .flat-menu {
        margin-top: 5px
    }
    .right-header .right-w-30 {
        width: 34%
    }
    .right-header .flat-menu ul li {
        width: auto
    }
    .right-header .flat-menu ul li.m_menu_icon {
        width: 8% !important
    }
    .flat-menu .m_menu_icon .nav-m {
        width: 20px;
        height: 20px;
        background-position: -34px -234px;
    }
    .right-header .flat-menu ul li a {
        padding: 8px 10px
    }
    .right-header .flat-menu ul li a span {
        display: none
    }
    .right-header .social-icon ul li {
        width: 17%
    }
    .right-header .social-icon ul li img {
        width: 24px;
        height: 24px
    }
    .small-nav {
        display: none
    }
    .small-nav-960 {
        display: block;
        float: right;
        margin-left: 0;
        margin-top: 0
    }
    .center-content {
        margin-top: 0;
        padding: 1em
    }
    .center-content .product-header {
        padding-left: 1em
    }
    .wrapper-sticky {
        display: none
    }
    .footer .footer-right {
        width: 99%
    }
    .footer .footer-left {
        display: none
    }
    .footer-right .left-w-30 {
        display: none
    }
    .footer-right .right-w-70 {
        width: 100%
    }
    .footer .footer-list, .info {
        margin: 5px 0
    }
    .flat-menu .m_menu_icon {
        width: 5% !important;
        display: block !important
    }
    .flat-menu .logo_mobile {
        display: none
    }
    .search {
        display: none
    }
    .c-sub,.c-parent{
        margin:0 1em ;
    }
}
@media screen and (min-width:481px) and (max-width:540px) {
    .clear_3, .clear_4 {
        display: none
    }
    .clear_2 {
        display: block
    }
    .support-online>.smart_nav {
        display: none
    }
    .left-header .img-logo {
        display: none
    }
    .left-w-40 {
        width: 2%
    }
    .right-w-60 {
        width: 98%
    }
    .left-w-78 {
        width: 100%
    }
    .right-w-22 {
        display: none
    }
    .item {
        width: 50%
    }
    .product-list {
        margin-left: 0
    }
    .slier-content {
        display: none
    }
    .right-header .right-w-30 {
        display: none
    }
    .right-header .left-w-70 {
        display: none
    }
    .top-carousel {
        display: block
    }
    .top-carousel {
        padding: 3px .625em .625em
    }
    .support-online .support-list li.phone {
        display: none
    }
    .support-online .support-list li.onile-icon {
        display: none
    }
    .support-online .support-list li {
        width: 50%
    }
    .header {
        height: 50px
    }
    .mid-content .left-menu {
        display: none
    }
    .mid-content {
        margin-left: 0
    }
    .right-header .flat-menu {
        margin-top: 5px
    }
    .right-header .right-w-30 {
        width: 34%
    }
    .right-header .flat-menu ul li {
        width: auto
    }
    .right-header .flat-menu ul li.m_menu_icon {
        width: 8% !important
    }
    .right-header .flat-menu ul li a {
        padding: 8px 10px
    }
    .flat-menu .m_menu_icon .nav-m {
        width: 20px;
        height: 20px;
        background-position: -34px -234px;
    }
    .right-header .flat-menu ul li a span {
        display: none
    }
    .right-header .social-icon ul li {
        width: 17%
    }
    .right-header .social-icon ul li img {
        width: 24px;
        height: 24px
    }
    .small-nav {
        display: none
    }
    .small-nav-960 {
        display: block;
        float: right;
        margin-left: 0;
        margin-top: 0
    }
    .center-content {
        margin-top: 0;
        padding: 1em
    }
    .center-content .product-header {
        padding-left: 1em
    }
    .wrapper-sticky {
        display: none
    }
    .footer .footer-right {
        width: 99%
    }
    .footer-right .left-w-30 {
        display: none
    }
    .footer-right .right-w-70 {
        width: 100%
    }
    .footer .footer-list, .info {
        margin-top: 0
    }
    .footer .footer-left {
        display: none
    }
    .flat-menu .m_menu_icon {
        width: 5% !important;
        display: block !important
    }
    .flat-menu .logo_mobile {
        display: none
    }
    .search {
        display: none
    }
    .c-sub,.c-parent{
        margin:0 1em ;
    }
}
@media screen and (min-width:120px) and (max-width:480px) {
    .clear_2, .clear_3, .clear_4 {
        display: none
    }
    .support-online>.smart_nav {
        display: none
    }
    .left-header .img-logo {
        display: none
    }
    .left-w-40 {
        width: 2%
    }
    .right-w-60 {
        width: 98%
    }
    .left-w-78 {
        width: 100%
    }
    .right-w-22 {
        display: none
    }
    .item {
        width: 100%
    }
    .product-list {
        margin-left: 0
    }
    .slier-content {
        display: none
    }
    .right-header .right-w-30 {
        display: none
    }
    .right-header .left-w-70 {
        display: none
    }
    .top-carousel {
        display: none
    }
    .support-online {
        display: none
    }
    .header {
        height: 50px
    }
    .mid-content .left-menu {
        display: none
    }
    .mid-content {
        margin-left: 0
    }
    .right-header .flat-menu {
        margin-top: 0
    }
    .flat-menu .m_menu_icon .nav-m {
        width: 20px;
        height: 20px;
        background-position: -34px -234px;
    }
    .right-header .right-w-30 {
        width: 34%
    }
    .right-header .flat-menu ul li.nav-540 {
        display: none
    }
    .right-header .flat-menu ul li.m_menu_icon {
        width: 10% !important
    }
    .right-header .flat-menu ul li a {
        padding: 8px 10px
    }
    .right-header .flat-menu ul li a span {
        display: none
    }
    .right-header .social-icon ul li {
        width: 17%
    }
    .right-header .social-icon ul li img {
        width: 24px;
        height: 24px
    }
    .small-nav {
        display: none
    }
    .small-nav-960 {
        display: block;
        float: right;
        margin-left: 0;
        margin-top: 0
    }
    .center-content {
        margin-top: 0;
        padding: 1em
    }
    .center-content .product-header {
        padding-left: 1em
    }
    .wrapper-sticky {
        display: none
    }
    .footer .footer-right {
        width: 99%
    }
    .footer .footer-left {
        display: none
    }
    .flat-menu .m_menu_icon {
        width: 5% !important;
        display: block !important
    }
    .flat-menu .logo_mobile {
        display: block;
        left: 15%;
        top: 5px
    }
    .search {
        display: none
    }
    .footer-right .left-w-30 {
        display: none
    }
    .footer-right .right-w-70 {
        width: 100%
    }
    .footer .footer-list, .info {
        margin-top: 0
    }
    .c-sub,.c-parent{
        margin:0 1em ;
    }
}
